@import "./global";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    background-color: #212734;
    color: #8893A7;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

// 所有弹框标题居中
.ant-modal-header {
    text-align: center;
}

@font-face {
    font-family: 'iconfont';  /* project id 1246618 */
    src: url('//at.alicdn.com/t/font_1246618_wugfo2uuf0m.eot');
    src: url('//at.alicdn.com/t/font_1246618_wugfo2uuf0m.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1246618_wugfo2uuf0m.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1246618_wugfo2uuf0m.woff') format('woff'),
    url('//at.alicdn.com/t/font_1246618_wugfo2uuf0m.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1246618_wugfo2uuf0m.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

// 弹框中表单验证样式
.dayu-dialog {
    .ant-modal-body {
        height: 65vh;
        overflow-y: auto;
    }

    .ant-form-item-label > label {
        color: #878787;

        &::after {
            content: none;
        }

        &.ant-form-item-required {
            color: #878787;

            &::after {
                display: inline-block;
                margin-right: 4px;
                color: #f5222d;
                font-size: 14px;
                font-family: SimSun, sans-serif;
                line-height: 1;
                content: '*';
            }

            &::before {
                content: none;
            }
        }
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wid-percent65 {
    width: 65%;
}

.ml-25 {
    margin-left: 25px;
}

.mr-20 {
    margin-right: 20px;
}

// 分页样式
.table-pagination {
    .ant-table-thead > tr > th {
        background-color: $bgColor;
        color: $gray;
        border-bottom: none;
        text-align: center;
    }

    .ant-table-tbody > tr > td {
        border-bottom: 1px solid #576070;
        color: $gray;
        text-align: center;
    }

    .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
        background: none;
    }

    .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
        background-color: $headerBgColor;
        border: 1px solid $headerBgColor;
        color: $gray;
    }

    .ant-pagination-item {
        background-color: $headerBgColor;
        border: 1px solid $headerBgColor;

        a {
            color: $gray;
        }
    }

    .ant-pagination-item-active {
        border-color: $blueLight;
        background-color: $headerBgColor;
    }
}


// button 样式重新定义
.dayu-button {
    &.ant-btn {
        color: $gray;

        &:hover {
            color: $grayLight;
        }
    }

    &.ant-btn-background-ghost {
        border: 1px solid $blueLight;

        &:hover {
            background: #465279 !important;
        }
    }
}

// 时间选择器样式重新定义
.dayu-date-picker {
    background: transparent;

    .ant-calendar-picker-input {
        color: $gray;
        border: 1px solid $gray;

        .ant-calendar-range-picker-separator {
            color: $blueLight;
        }

        .ant-calendar-picker-icon {
            color: $blueLight;
        }
    }

    .ant-input {
        background-color: transparent;

    }
}

// 时间选择器弹出框样式重置 => 在时间选择器组件上设置 dropdownClassName="dayu-date-dropdown"
.dayu-date-dropdown {
    color: $grayLight;

    .ant-calendar {
        background-color: $headerBgColor;

        .ant-calendar-input {
            background: transparent;
            color: $gray;
        }

        .ant-calendar-in-range-cell {
            color: $grayLight;

            &::before {
                background-color: $bgColor;
            }
        }

        .ant-calendar-my-select {
            .ant-calendar-month-select,
            .ant-calendar-year-select {
                color: $grayLight;
            }

            .ant-calendar-next-month-btn,
            .ant-calendar-next-year-btn {
                color: $grayLight;
            }
        }

        .ant-calendar-ym-select {
            .ant-calendar-year-select,
            .ant-calendar-month-select {
                color: $grayLight;

                &:hover {
                    color: $blueLight;
                }
            }
        }

        .ant-calendar-next-month-btn,
        .ant-calendar-next-year-btn {
            color: $grayLight;

            &:hover {
                color: $blueLight;
            }
        }

        .ant-calendar-prev-year-btn,
        .ant-calendar-prev-month-btn {
            color: $grayLight;

            &:hover {
                color: $blueLight;
            }
        }

        .ant-calendar-date {
            color: $grayLight;
        }

        .ant-calendar-date:hover {
            background: #2B303B;
            cursor: pointer;
        }
    }
}

